<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no;">
    <title></title>
    <link rel="stylesheet" href="font.css"/>
</head>

<body style="margin: 0;padding: 0;background: #FED46E">
<div style="position: relative;width: 100%;">
    <img src="images/bg.png" style="width: 100%; display:block">
    <div style="top: 10%;left:12%;
    position: absolute;width: 75%;font-size:14px;font-size: 4vw;">
        <p style="color: #666;text-align: center;width: 100%">
            <!--亲爱的用户您好,感谢您使用橙子生活！-->
            亲爱的用户,感谢您使用橙子生活！
        </p>
        <hr style="width: 100%;text-align: center"/>
        <p style="color: #686B6E;text-align: center;">
            邀请您的朋友下载并注册橙子生活,可以获得更多积分！
            积分可用于兑换奖品,甚至可以抵扣物业费(规划中)哦!
        </p>








    </div>

    <div style="position: absolute;top:31%;left:17.5%;text-align: center;font-size: 5vw;;color: #3C4143;font-weight:bold;
        width: 65%;">

      
    </div>
    <div style="position: absolute;top:34%;left:17.5%;text-align: center;color: #FF5003;
        width: 65%;padding: 5px;font-size:40px;font-size: 14vw;" id="inviteCode">

    </div>
    <div style="position: absolute;top:48.5%;left:17.5%;text-align: center;color: white;
        width: 65%;border-radius: 20px;padding: 5px;font-size: 4.5vw;">
       <span style="border-radius: 20px;padding: 5px;background-color:#9F2321;"> 以下方式下载橙子生活</span>
    </div>

    <div style="position: absolute;top:54.1%;text-align: center;color: #9C2523;width: 100%;border-radius: 20px;font-size:12px;font-size:3.5vw;">
        推荐成功后,您可以在个人中心查看您获得的积分。


    </div>

    <div style="position: absolute;top:57%;color: #9C2523;
        width: 100%;border-radius: 20px;font-size:12px;font-size: 3vw;height:7.6%;line-height: 7.6%;">

        <img src="images/1.png" style="margin-left:14%;width: 4%;vertical-align: middle" />

        <span style="color: white;vertical-align: middle;line-height: 10vw" >直接通过微信/QQ/微博等分享</span>
        <img src="images/share_press.png" style="width: 10%;vertical-align: middle" onclick="share()"/>
    </div>
    <div style="position: absolute;top:62%;color: #9C2523;
        width: 100%;border-radius: 20px;font-size:12px;font-size: 3vw;height:7.6%;line-height:7.6%;">

        <img  src="images/2.png" style="margin-left:14%;width:  4%;vertical-align: middle" />

        <span style="color: white;vertical-align: middle;line-height: 10vw" >在手机浏览器中输入下载地址</span>

    </div>

    <div style="position: absolute;top:69%;left:25%;background-color: #93a1a1;color: white;
        width: 50%;border-radius: 5px;height:5vw;line-height: 5vw;font-size: 4vw;text-align: center">
        http://dwz.cn/DaEJO
    </div>


    <div style="position: absolute;top:76%;color: #9C2523;
        width: 100%;border-radius: 20px;font-size:12px;font-size: 3vw;height:32vw;line-height: 32vw;">

        <img src="images/3.png" style="margin-left:14%;width: 4%;vertical-align: middle" />

        <span style="color: white;vertical-align: middle;line-height: 10vw ;font-size: 3vw" >直接扫描右侧二维码</span>
        <img src="images/two_dimension_code.png" style="width: 30%;vertical-align: middle"/>


    </div>



</div>



</body>

<script>

function setInviteCode(code){
document.getElementById("inviteCode").innerHTML=code;
}

function share(){
window.index.share();
}
</script>


</html>